.main {
  width: 80%;
  margin: 0 auto;
  display: flex;
  .left {
    width: 300px;
    ul {
      li {
        color: #666;
        &:hover {
          color: white;
          background-color: #666;
          transition: 0.7s;
        }
        div {
          padding: 20px;
        }
        ul {
          //   display: none;
          background-color: #fff;
          padding: 0;
          li {
            font-size: 14px;
            color: #666;
            padding: 5px 0 5px 40px;
            &:hover {
              color: white;
              background-color: rgb(126, 125, 125);
              transition: 0.7s;
            }
          }
        }
      }
    }
  }
  .right {
    border-left: 1px solid #ccc;
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    input {
      border: 1px solid #666;
      width: 300px;
      height: 50px;
      margin: 0 5px;
    }
    button {
      width: 100px;
      height: 50px;
      border: 0;
      background-color: #666;
      color: #fff;
      text-align: center;
      line-height: 50px;
    }
    img {
      width: 50%;
    }
  }
}
